
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>首页</title>

    <link rel="stylesheet" type="text/css" href="static/easyui/themes/metro/easyui.css">
    <link rel="stylesheet" type="text/css" href="static/easyui/themes/mobile.css">
    <link rel="stylesheet" type="text/css" href="static/easyui/themes/icon.css">
    <script type="text/javascript" src="static/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="static/easyui/jquery.easyui.mobile.js"></script>
</head>

    <script>
        function queryUserSetNotify() {
            window.location.href="userSetNotifyPricehtml";
        }

        function  setPriceNotify() {
            window.location.href="priceSettingHtml";
        }
    </script>

<body>
<div class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <span class="m-title">设置</span>
        </div>
    </header>
    <ul id="list" class="m-list">
        <li>
            <div onclick="queryUserSetNotify()">
                <img class="list-image" src="static/easyui/themes/icons/large_smartart.png"/>
                <div class="list-header">设置查询</div>
                <div class="list-content">您设置的货币对，到价提醒信息</div>
            </div>

        </li>
        <li>
            <div onclick="setPriceNotify()">
                <img class="list-image" src="static/easyui/themes/icons/large_smartart.png"/>
                <div class="list-header">到价设置</div>
                <div class="list-content">请设置您想要的产品价格</div>
            </div>
        </li>
        <li>
            <img class="list-image" src="static/easyui/themes/icons/redo.png"/>
            <div class="list-header">即将开放</div>
            <div class="list-content">nice every day</div>
        </li>
        <li>
            <img class="list-image" src="static/easyui/themes/icons/redo.png"/>
            <div class="list-header">即将开放</div>
            <div class="list-content">nice every day</div>
        </li>
    </ul>
</div>
<style scoped>
    #list .list-image{
        width: 32px;
        height: 32px;
        border: 0;
        margin-right: 5px;
        float: left;
    }
    #list .list-header{
        font-size: 16px;
        font-weight: bold;
    }
    #list .list-content{
        text-overflow: ellipsis;
        overflow: hidden;
    }
</style>
</body>
</html>